<template>
	<span class="svg-icon">
		<svg :width="widthPX" :height="heightPX" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
			<!-- <title>zuixiaohua</title> -->
			<g id="DEMO1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
				<g id="鸡小蟹-初始状态" transform="translate(-2351.000000, -63.000000)">
					<g id="编组备份" transform="translate(1759.000000, 22.000000)">
						<g id="zuixiaohua" transform="translate(592.000000, 41.000000)">
							<path
								d="M12.0221875,2.0028125 C6.5021875,2.0028125 2.0221875,6.4828125 2.0221875,12.0028125 C2.0221875,17.5228125 6.5021875,22.0028125 12.0221875,22.0028125 C17.5421875,22.0028125 22.0221875,17.5228125 22.0221875,12.0028125 C22.0221875,6.4828125 17.5421875,2.0028125 12.0221875,2.0028125 Z M16.5021875,13.2828125 L7.5421875,13.2828125 C6.8221875,13.2828125 6.2621875,12.7228125 6.2621875,12.0028125 C6.2621875,11.2828125 6.8221875,10.7228125 7.5421875,10.7228125 L16.5821875,10.7228125 C17.3021875,10.7228125 17.8621875,11.2828125 17.8621875,12.0028125 C17.8621875,12.7228125 17.2221875,13.2828125 16.5021875,13.2828125 L16.5021875,13.2828125 Z"
								id="形状"
								class="fill-color"
								fill-rule="nonzero"
							></path>
							<rect id="矩形" x="0" y="0" width="24" height="24"></rect>
						</g>
					</g>
				</g>
			</g>
		</svg>
	</span>
</template>
<script>
export default {
	props: {
		width: {
			type: String,
			default: '100px'
		},
		height: {
			type: String,
			default: '100px'
		}
	},
	computed: {
		widthPX() {
			return this.width
		},
		heightPX() {
			return this.height
		}
	},
	name: 'ZuiXiaoHua'
}
</script>
<style scoped>
.svg-icon {
	overflow: hidden;
	display: inline-flex;
}
.fill-color {
	fill: var(--svg-zuixiaohua-color);
}
</style>
